{template "content","header"}
<div class="nybanner">
<img src="{IMG_PATH}nybanner.jpg">
</div>

<div class="topmenu-box">
    <div class="common-width">
        <div class="topmenu">
        	<div class="topmenu-l">
                <ul>
                    <li class="gaoliang"><a href="">人才招聘</a></li>
                </ul>
            </div>
            <div class="topmenu-r">
            <span>当前位置：</span><a href="{siteurl($siteid)}" title="">首页</a> <i> - </i> <a href="javascript:;">{$catname}</a>
            </div>
        </div>
    </div>
</div>

<div class="chanpin-box">
    <div class="common-width">
        <div class="zhaopin wow fadeInUp">
            <div class="zhaopin-zd">
            	<ul>
                	<li>职位名称</li>
                    <li>招聘人数</li>
                    <li>学历要求</li>
                    <li>发布时间</li>
                </ul>
            </div>
            <ul class="ti cl">
                {pc:get sql="select * from recruit order by id desc" num="5" page="$page"}{/pc}
                {loop $data $w}
                <li class="fl wow fadeInUp">
                    <div class="nth cl">
                        <div class="biaot fl">
                            <ul>
                                <li>{$w['title']}</li>
                                <li>{$w['number']}</li>
                                <li>{$w['education']}</li>
                                <li>{date('Y-m-d',$w['updatetime'])}</li>
                            </ul>
                        </div>
                        <div class="jj fr">+</div>
                    </div>
                    <div class="nnr">
                        <div class="hang">
                            {$w['description']}
                        </div>

                    </div>
                </li>
                {/loop}

            </ul>
        </div>
        <div class="page" id="pages">
            <div class="box">{$pages}</div>
        </div>
    </div>
</div>

<script>
$(".zhaopin .ti li").eq(0).addClass("active");
$(".zhaopin .ti li").eq(0).children(".nnr").slideDown();
$(".zhaopin .ti li:first-child .nth").addClass("on");

$(".zhaopin .ti li .nth").click(function(){
	$(".zhaopin .ti li .nnr").slideUp();
	$(".zhaopin .ti li").removeClass("active");
	if($(this).hasClass("on")){
		$(this).siblings(".nnr").slideUp();
		$(this).removeClass("on");
	}else{
		$(this).parent().addClass("active");
		$(this).siblings(".nnr").slideDown();
		$(".zhaopin .ti li .nth").removeClass("on");
		$(this).addClass("on");
	}
})

</script>
{template "content","footer"}